<template>
  <div class="box">
    <cell>
      <template #title>
        <button>你好</button>
      </template>
    </cell>
    <cell></cell>
    <cell></cell>
  </div>
</template>

<script>
// 匿名插槽会改变所有的插槽值，使用具名插槽可以用单独给某个插槽传结构
// 给插槽标签设置name，父组件传值的时候，给子组件外面套个template便签，并绑定想要传结构的slot标签name名，用简写：#name
import Cell from "./cell.vue";

export default {
  name: "app",
  components: {
    Cell,
  },
};
</script>

<style>
.box {
  border: 1px solid blue;
}
</style>